import {createApp, ref, reactive} from "../../../js/vue.esm-browser.js";

let app = createApp(
    {
        setup(){
            let menu = reactive(
                [
                    {
                        name:"首页",
                        url:"#",
                        show:true
                    },
                    {
                        name:"推荐专区",
                        url:"#",
                        show:false,
                        subMenu:[
                            {name:"新书",  url:"#",},
                            {name:"特价书",  url:"#",},
                            {name:"畅销书",  url:"#",},
                        ]
                    },
                    {
                        name:"书籍类别",
                        url:"#",
                        show:false,
                        subMenu:[
                            {name:"科教书",  url:"#",},
                            {name:"文学综合",  url:"#",},
                            {name:"人文社科",  url:"#",},
                        ]
                    },
                    {
                        name:"账户管理",
                        url:"#",
                    }
                ]
            )
            return {
                menu,
            }
        }
    }
);

app.mount("#app")